Working with Page Settings - Enterprise Landing Page
Role: Administrator.
Minimum Version: Ivanti Neurons for ITSM 2024.3.
Create an Enterprise Landing Page from which you can navigate to different Self Service portals or facilities based on the category you need to access. You can tailor the landing page to view and access the content specific to selected role such as HR, IT, or Marketing.
To access the Enterprise Landing Page feature create or add an exception to the role. For more information refer, Working with Style Editor.
1.Log in to Neurons for ITSM.
2.Open the Configuration console > Build > User Interface Styles > Style Editor.
3.In Exceptions / Custom roles find the role you want to add the exception to or create a new exception.
4.Select Enterprise Landing Page in the Self-Service Page Options column.
Enterprise Landing Page settings for the Self Service:
1.Log in to Neurons for ITSM as a Self Service user, and switch to the Administrator user.
2.Click Edit Page on the top-right corner of the page. The Page Designer page appears.
3.From the Page Designer, select a role that has access to the Enterprise Landing Page.
4.Select the Enterprise Landing Page workspace to edit the landing page content.
The Enterprise Landing Page workspace is viewable only by roles that have been assigned exception to access the Enterprise Landing Page.
To edit and design the Enterprise Landing Page, choose the different options in Page Settings and Global Settings.
The Page Settings tab contains the following page elements:
Use the Sections/Row tab to add sections, and specify background colors and images. You can also drag the modules onto existing sections to rearrange them within the layout.
To add sections:
1.Click Sections/Rows. You can add 1-column, 2-column, 3-column, and 4-column sections to your page design based on your requirements.
2. Once you drag the sections onto the page, the Drop Modules here box appears, allowing you to drag the modules you want to create for your page design.
3.Drag the sections you want to add to the page; the Settings panel appears. Enter the following details.
Field | Description |
---|---|
Name | Enter a name for the section. |
Number of columns |
Select the number of columns to display in the section. |
Background Color |
Select a background color for the section. Use the Background image toggle icon to enable or disable the background image. You can also edit or delete the image based on your requirement. Click Add image and select an image for the background. |
Background Width |
Background width. Use the Rounded Corners toggle icon to enable or disable rounded corners. |
Responsive |
Under Responsive, two options appear: Hide on Desktop: Enable or disable to hide or show the entire section/row only in desktop view. Hide on Mobile: Enable or disable to hide or show the entire section/row only in Mobile view. |
The following buttons are also available in the Sections/Rows:
• to clone a widget.
• to arrange the section.
• to delete the section.
Use the Modules tab to create custom widgets, hero banners, search bar, add text and media, and quick links.
To add a Hero banner:
1.Click Modules.
2.Drag the Hero Banner onto the page. The Settings panel appears on the right side of the page. Specify the following details.
Field | Description |
---|---|
Name |
Name of the banner. Select the Staticor Dynamic options based on your requirements. The Static option enables you to use different colors, title text, and call-to-action links, which can add a banner in the carousel view. The Dynamic option allows you to configure a banner with the help of different business objects, sorting criteria, and number of items to display. |
Add image |
Add an image for the banner. |
Color |
Select a color for the banner. |
Use color as image overlay |
Enable this option to overlay the image with the selected color. The color is added as an opaque layer over the image. |
Title text |
Enter a title for the banner. The Translator enables you to select a language and enter a translation for the title text. |
Title sub text |
Enter a title subtext for the banner. |
Title text & CTA alignment |
Select the alignment from the drop-down list. |
Show call to action link |
Enable this option to show the action link as a link button on the banner. Configure the call to action with: •Call to action text: Enter text to display on the link button. •Call to action link: Enter the link for the action. |
Add Banner |
Click to add another banner to the section. When an additional banner is added, individual settings for this banner are displayed in the Settings panel. |
Responsive |
Hide on Desktop: Enable or disable to hide or show the entire section/row only in desktop view. Hide on Mobile: Enable or disable to hide or show the entire section/row only in Mobile view. |
3.These steps are optional.
•To remove a banner, click Remove Banner in the Settings section.
•To remove all the banners, click the Remove Module in the Settings section.
To add a Text box:
1.Click Modules.
2.Under Widgets, drag the List icon to the page section. The Settings panel appears on the right side on the page.
3.Enter the following:
Field | Description |
---|---|
Name |
Name of the text box. |
Widget Title |
Title for the text box widget. |
Title Alignment |
Select an alignment Center, Left, or Right for the title. |
Title Color |
Select a text color for the title. |
Widget Height |
Select Auto to automatically assign the text box height. Select Custom to specify the height of the widget (pixels). |
Add content |
Click to open the text editor. You can configure the font size, color and format, add lists, links, and configure the background color. |
Responsive |
Hide on Desktop: Enable or disable to hide or show the entire module only in desktop view. Hide on Mobile: Enable or disable to hide or show the entire module only in Mobile view. |
To add an HTML Text box:
1.Click Modules.
2.Under Widgets, drag the HTML icon to the page section. The Settings panel appears on the right side on the page.
3.Enter the following:
Field | Description |
---|---|
Name |
Name of the HTML text box. |
Widget Title |
Title for the HTML text box widget. |
Title Color |
Select a text color for the title. |
Title Alignment |
Select an alignment Center, Left, or Right for the title. |
Widget Height |
Select Auto to automatically assign the text box height. Select Custom to specify the height of the widget (pixels). |
Add content |
Click to open the HTML text editor. You can configure the font size, color and format, add lists, links, and configure the background color. |
Hide on Desktop |
Enable to hide the link section in desktop view. |
Hide on Mobile |
Enable to hide the link section in mobile view. |
To add a Search bar:
1.Click Modules.
2.Under Text and Media, drag the Search icon onto the page. The Settings panel appears on the right side on the page.
3.Specify the following:
•Name
•PlaceHolder text
•Search Bar Size
4.This step is optional. Enable the Show common search toggle icon to display the common search items, and enable the Show trending common keyword before a user starts typing toggle icon to display the common and trending keywords before you start typing the keywords.
To add List:
Use List widget to fetch search data based on Saved Search, Service Catalog, My Items, Favorites, and Validation List and list their results.
1.Click Modules.
2.Under Widgets section, drag the List icon to the page section.
3.To the configure List widget, edit the Settings panel.
•Enter Name and Widget Title.
•Select one of the following option from Get data from drop down menu:
•Select Saved Search to configure List with selecting a Business Object and a Saved Search based on that business object. You can also Sort order in Ascending and Descending order.
•Select Service Catalog to configure List with a Saved Search based on the service catalog.
•Select My Items to list your items based on the filter from From Search in My Items workspace. You can also Sort By based on a item and Sort order in Ascending and Descending order.
•Select Favorites to list Service Requests that are marked favorite in the service catalog.
By default Favorites is disabled here, enable Favorites in the Service Catalog workspace to reflect Favorites here. For more information see Enabling or disabling the Favorites icon from the Page Designer:.
•Select Validation List to fetch data from a Validation List of a Business Object.
•Define the Number of items to display/Limit to limit the list.
•You can define Actions and Visual Layout by clicking the Options button.
•Click Save as custom widget to save the list as a custom widget.
•You can also hide the list based on Hide on Desktop or Hide on Mobile.
To add Quick Links:
Use Quick Links to display useful links to Business Objects, workspaces or web pages. Quick Links can be displayed in your page design as lists, tiles, or a carousel.
1.Click Modules.
2.Under Widgets, drag the Quick Links icon into the section you want them to appear.
3.In the Settings panel, specify the following:
Field/Option | Description |
---|---|
Name | The name displayed on the Quick Links box tab - shown in the Page Designer only. |
Widget Title | A title for the Quick Links widget. The title is shown on the published page (default name is Quick Links). |
Layout options | Select a layout option from the drop-down list - List, Tile, Carousel, or Button Group |
Alignment | Only displayed for the Tile layout. Select the link display alignment. |
Show Thumbnail | Only displayed for the Tile and Carousel layouts. Enable to display links as thumbnails. This option is available for the Tile and Carousel layouts only. Enabling this option displays additional configurable options when configuring links in step 4 below. |
Number of items to display |
The number of links to display in the widget. If you add additional links in the link Options editor, you may need to increase this value to ensure the additional links are displayed. |
Add Links |
Opens the link Options editor where you configure each individual link, or add additional links. |
Hide on Desktop |
Enable to hide the link section in desktop view. |
Hide on Mobile |
Enable to hide the link section in mobile view. |
4.Click Add Links to add a Title for each individual quick link, the Link type, Link to details, and configure the link placement, title background color, and title font color.
Field/Option | Description |
---|---|
Title | Name for the link. |
Translator | Click to select a translation language and provide a translation for the title text. |
Link Type | Select the link type as URL or Role from the drop-down list. |
Link To |
Define the destination for the link. This is dependent on the selection you make in the Link Type drop-down list, URL or Role.
If you have selected Role it will display only those roles that has the Self Service Extended exception. |
New Window |
Only displayed for a URL link type. Select to open the link in a new browser window. |
Title Placement | Only displayed for Tile and Carousel layouts. Select the link title alignment. |
Title Background | Only displayed for Tile and Carousel layouts. Click to open the color editor and define the link title background color. |
Title Font Color | Only displayed for Tile and Carousel layout. Click to open the color editor and define the link title font color. |
Thumbnail Type | Only displayed if you enable the Show Thumbnail option. Select the thumbnail type from the drop-down list, can be an icon or image. |
Change | Only displayed if you enable the Show Thumbnail option. Click to select a different icon or an image for the thumbnail. |
Thumbnail Background |
Only displayed if you enable the Show Thumbnail option. Click to open the color editor and define the thumbnail background color. |
5.Click Ok.
To add custom widgets:
1.Click Modules.
2.Under Widgets, drag the List icon. The Text box appears. Specify the following details:
•Name
•Widget Title
•get data
•Saved Search
•Sort by and Sort order
•Number of items to display/Limit
3.This step is optional. Click Options to select the following options:
•Header click
•Item click
•See all click
•Title
•Description
•Text
4.This step is optional. Click Save as custom widget to save the widget. The saved widget appears under custom widgets.
For the Global Settings tab, refer to Working with Global Settings.
The Enterprise Landing Page is controlled by the global constant Config Homepage for ESM. By default this global constant is False, set it true to render the Enterprise Landing Page and its workspace.